<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>惠普 | 购物车</title>
    <link rel="shortcut icon" href="./images/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/cart.css">
</head>

<body>
    <div class="page-wrapper">
        <header class="page-wrapper float">
            <div class="content">
                <a href="javascript:;" class="logo">
                    <img src="./images/logo.png">
                </a>
                <div class="container">
                    <div class="title">购物车</div>
                    <div class="crumb">
                        <ul class="items">
                            <div class="line"></div>
                            <li class="item Cart active">
                                <div class="yuan">
                                    <div class="yuan-s"></div>
                                </div>
                                <strong>购物车</strong>
                            </li>
                            <li class="item Cart out">
                                <div class="yuan">
                                    <div></div>
                                </div>
                                <strong>确认</strong>
                            </li>
                            <li class="item Cart order">
                                <div class="yuan">
                                    <div></div>
                                </div>
                                <strong>结算</strong>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="checkout methods items checkout-methods-items">
                    <div class="process-total">
                        <span class="title">总价</span>
                        <span class="price">￥7499</span>
                    </div>
                    <button type="button" id="sendIsCAC" title="安全结账" class="action primary">
                        <span>安全结账</span>
                    </button>
                </div>
            </div>
        </header>
        <!-- 购物车主要内容开始 -->
        <main class="page-main">
            <p class="to-shop">
                <a href="./list.html">
                   &lt;&lt; 继续购物</a>
            </p>
            <div class="tit-wrapper">
                <!-- 动态渲染 -->
            </div>
            <div class="columns">
                <div class="column main">
                    <div class="container">
                        <form action="#" class="form">
                            <div class="wrapper">
                                <!-- 动态渲染 -->
                            </div>
                            <div class="cart-out">
                                <button class="clear">清空购物车</button>
                            </div>
                        </form>
                        <div class="mode">
                            <div class="choice">
                                <strong>配送方式</strong>
                                <span>请通过选择下面的选项来检查您所在地区的送货情况。</span>
                            </div>
                        </div>
                        <div class="place-mode">
                            <div class="p-info">
                                <div class="active">
                                    <div class="control">
                                        <select name="sheng" id="region-id">
                                        <option>选择一个省市</option>
                                        <option value="1">北京市</option>
                                        <option value="2">上海市</option>
                                        <option value="3">天津市</option>
                                        <option value="4">重庆市</option>
                                        <option value="5">河北省</option>
                                        <option value="6">山西省</option>
                                        <option value="7">河南省</option>
                                        <option value="8">辽宁省</option>
                                        <option value="9">吉林省</option>
                                        <option value="10">黑龙江</option>
                                        <option value="11">内蒙古</option>
                                        <option value="12">江苏省</option>
                                        <option value="13">山东省</option>
                                        <option value="14">安徽省</option>
                                        <option value="15">浙江省</option>
                                        <option value="16">福建省</option>
                                        <option value="17">湖北省</option>
                                        <option value="18">湖南省</option>
                                    </select>
                                        <select name="qu" id="region-id">
                                        <option>选择一个城区</option>
                                        <option value="1">东城区</option>
                                        <option value="2">丰台区</option>
                                        <option value="3">大兴区</option>
                                        <option value="4">宣武区</option>
                                        <option value="5">怀柔区</option>
                                        <option value="6">房山区</option>
                                        <option value="7">昌平区</option>
                                        <option value="8">朝阳区</option>
                                        <option value="9">海淀区</option>
                                        <option value="10">石景山区</option>
                                        <option value="11">西城区</option>
                                        <option value="12">通州区</option>
                                        <option value="13">门头沟</option>
                                    </select>
                                        <select name="zheng" id="region-id">
                                        <option>选择一个地址</option>
                                        <option value="1">内环到三环里</option>
                                        <option value="2">东华门街道</option>
                                        <option value="3">景山街道</option>
                                        <option value="4">交道口街道</option>
                                        <option value="5">安定门街道</option>
                                        <option value="6">北新桥街道</option>
                                        <option value="7">东四街道</option>
                                        <option value="8">朝阳门街道</option>
                                        <option value="9">建国门街道</option>
                                        <option value="10">东直门街道</option>
                                        <option value="11">和平里街道</option>
                                        <option value="12">前门街道</option>
                                        <option value="13">崇文门外街道</option>
                                        <option value="14">东花市街道</option>
                                        <option value="15">龙潭街道</option>
                                    </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="peisong">
                        <input type="radio">
                        <span class="stand">标准配送</span>
                        <div class="delivery">
                            <div class="box">
                                <div class="days">
                                    <!-- 动态渲染 -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <strong class="tit">订单摘要</strong>
                    <div class="discount">
                        <strong class="youhui">已优惠</strong>
                        <div class="line"></div>
                        <div class="xiaoji">
                            <table class="totals">
                                <tbody>
                                    <tr>
                                        <th>小计</th>
                                        <td class="price-all">￥0</td>
                                    </tr>
                                    <tr>
                                        <th>标准配送</th>
                                        <td class="price-yunfei">￥0</td>
                                    </tr>
                                    <tr class="col">
                                        <th>总价</th>
                                        <td class="price-total">￥0</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- 购物车主要内容结束 -->
        <!-- 底部开始 -->
        <footer>
            <div class="footer">
                <div class="infos">
                    <p>Ultrabook、Celeron、赛扬、Celeron Inside、Core Inside、Intel、英特尔、Intel 标志、英特尔标志、Intel Atom、英特尔凌动、Intel Atom Inside、Intel Core、英特尔酷睿、Intel Inside、Intel Inside 标志、Intel vPro、英特尔博锐、Intel Evo、英特尔 Evo、Pentium、奔腾、Pentium Inside、vPro Inside、Xeon、至强、Xeon
                        Inside、Intel Agilex、英特尔 Agilex、Arria、Cyclone、Movidius、eASIC、以太网、Iris、英特尔锐炬、MAX、Select Solutions、Select 解决方案、Si Photonics、Stratix、Tofino、Intel Optane 和英特尔傲腾是英特尔公司或其子公司的商标。</p>
                    <p>并非所有功能都适用于所有版本或Windows版本。系统可能需要升级和/或单独购买的硬件，驱动程序和/或软件才能充分利用Windows功能。请访问 <a href="javascript:;">www.microsoft.com</a></p>
                    <p>以下情况适用于采用英特尔Skylake或基于Windows 7，Windows 8，Windows 8.1或Windows 10 Pro系统降级为Windows 7 Professional，Windows 8 Pro或Windows 8.1的下一代矽芯片系统的HP系统：此版本的使用该系统中使用的处理器或芯片组的Windows运行受到Microsoft的有限支持。有关Microsoft支持的更多信息，请参阅 <a href="javascript:;">www.support.microsoft.com/lifecycle</a>上的Microsoft支持生命周期常见问题解答</p>
                    <p>根据 <a href="javascript:;">Microsoft Silicon Support Policy</a>, 惠普不支持或提供配置了英特尔或AMD第七代和转发处理器的产品上的Windows 8或Windows 7驱动程序</p>
                    <p><strong>新型冠状病毒 （Covid-19）免责声明</strong>：我们正在致力于满足当前各客户对我们产品的热切需求。本网站只反映当前产品的订购状态，但送货及订单情况可能随时出现变动。您可以通过本网站的“追踪我的订单”页面中查询您的订单状态（单击<a href="./login.html">此处</a>登录）。我们将尽快通过电子邮件发送更新。我们非常重视您的业务，并且感谢您一直以来的支持及耐心等待，我们将尽快处理您的订单。</p>
                    <p><strong>请注意</strong>: 产品颜色和外观与网站上的视觉表现可能会有所不同。虽然我们努力检查定价，产品规格和其他错误，但偶尔会发生错误，惠普保留拒绝由此类错误引起的订单的权利。</p>
                    <p>HP 已拆分为两个公司。对于企业产品，请转到 Hewlett Packard Enterprise。 Copyright 2016 HP Development Company, L.P.</p>
                </div>
            </div>
            <div class="footer-bot">
                <p>惠普官方在线商店由惠普授权北京神州数码科捷技术服务有限公司经营</p>
                <p>惠普员工：报告网站问题</p>
            </div>
        </footer>
        <!-- 底部结束 -->
    </div>
    <div class="feedback">
        <img src="https://nebula-cdn.kampyle.com/wu/541116/resources/image/1571858102766_Simplified-Chinese-Feeback-Button-Desktop.png">
    </div>
</body>
<script src="./js/cookie.js"></script>
<script src="./js/promiseAjax.js"></script>
<script src="./js/cart.js"></script>

</html>